<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
                xmlns:h="http://java.sun.com/jsf/html" 
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                template="/layout/templateNormal.xhtml" >
    <ui:define name="content">

        <h:form>

            <p>
            <ui:insert name="content">

            </ui:insert>
            </p>

            <rich:panel>
                <f:facet name="header">
                    <h:outputText value="Car Store"></h:outputText>
                </f:facet>

                <rich:dataGrid value="#{produtoController.carregarProduto()}" var="pro"
                               columns="3" elements="9">
                    <rich:panel bodyClass="pbody">
                        <f:facet name="header">
                            <h:outputText value="#{pro.descricao}"></h:outputText>
                        </f:facet>
                        <h:panelGrid columns="2">                        
                            <h:outputText value="Valor:" styleClass="label"></h:outputText>
                            <h:outputText value="#{pro.valor}" />
                            <h:outputText value="Imagem:" styleClass="label"></h:outputText>
                            <h:outputText value="#{pro.imagem}" />
                            <h:graphicImage value=""/>
                        </h:panelGrid>
                    </rich:panel>
                    <f:facet name="footer">
                        <rich:dataScroller />
                    </f:facet>
                </rich:dataGrid>

            </rich:panel>
        </h:form>

    </ui:define>
</ui:composition>